<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html class="loginHtml">
<head>
<meta charset="utf-8">
<link rel="icon"
	href="${pageContext.request.contextPath}/resources/images/my.ico"
	type="image/x-icon" />
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/resources/images/my.ico"
	type="image/x-icon" />
<link rel="bookmark"
	href="${pageContext.request.contextPath}/resources/images/my.ico"
	type="image/x-icon" />
<title>恒铸智能柜管理平台</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/layui/css/layui.css"
	media="all" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/public.css"
	media="all" />

<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/layui/layui.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/login.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/js/canvas-particle.js"></script>


</head>
<style>
.layui-input {
	width: 100%;
}

.eye {
	height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
}
</style>


<script type="text/javascript">
	if (top  != window) {
		top.location.href = window.location.href;
	}
	window.onload = function() {
	    //配置
	    var config = {
	        vx: 4,	//小球x轴速度,正为右，负为左
	        vy: 4,	//小球y轴速度
	        height: 2,	//小球高宽，其实为正方形，所以不宜太大
	        width: 2,
	        count: 200,		//点个数
	        color: "121, 162, 185", 	//点颜色
	        stroke: "130,255,255", 		//线条颜色
	        dist: 6000, 	//点吸附距离
	        e_dist: 20000, 	//鼠标吸附加速距离
	        max_conn: 10 	//点到点最大连接数
	    }

	    //调用
	    CanvasParticle(config);
	}
	
	layui.use(['jquery'],function(){
	    var $ = layui.jquery;
	
			$(".eye").mouseover(function(){
				$(".password").attr("type","text");
			}).mouseout(function(){
				$(".password").attr("type","password");
			})
	})
</script>

<body id="mydiv" class="loginBody">
	<form class="layui-form" id="loginForm">
		<div class="login_face">
			<img
				src="${pageContext.request.contextPath}/resources/images/login.gif"
				style="height: 100px;" class="userAvatar">
		</div>
		<div class="layui-form-item input-item">
			<label for="userName">用户名</label> <input type="text"
				placeholder="请输入用户名" name="username" class="layui-input username"
				lay-verify="required">
		</div>
		<div class="layui-form-item input-item">
			<label for="password">密码</label> <input type="password"
				placeholder="请输入密码" autocomplete="off" name="password"
				class="layui-input password" lay-verify="required"> <img
				src="${pageContext.request.contextPath}/resources/images/eye.png"
				class="eye">
		</div>
		<div id="v_container" style="width: 200px; height: 50px;"></div>

		<div class="layui-form-item">
			<a id="my_button" class="layui-btn layui-block" lay-submit
				lay-filter="login">登录</a>
		</div>
	</form>

</body>
</html>